<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/png" href="icon.png">

<title>AreaCity 省市区镇+坐标边界 数据下载</title>

<script>document.write('<scr\ipt src="csv-ver-date.js?t='+Date.now()+'"></scr\ipt>')</script>

<style>
body{
	word-wrap: break-word;
	background:#f5f5f5 center top no-repeat;
    background-size: auto 680px;
}
pre{
	white-space:pre-wrap;
}
a{
	text-decoration: none;
	color:#06c;
}
a:hover{
	color:#f00;
}

.main{
	max-width:900px;
	margin:0 auto;
	padding-bottom:80px
}

.mainBox{
	margin-top:12px;
	padding: 12px;
	border-radius: 6px;
	background: #fff;
	--border: 1px solid #f60;
	box-shadow: 2px 2px 3px #aaa;
}



.downTips{
	font-size:12px;
	color:#999;
	margin-top:5px
}

.table{
	border-collapse: collapse;
	min-width:100%;
	
	text-align:center;
}
.table .left{
	text-align:left;
}
.table .right{
	text-align:right;
}
.table thead{
	color:#333;
}
.table thead tr{
	background:#f0f0f0;
}
.table tr:nth-child(2n){
	background:#f9faf4;
}
.table th,.table td{
	word-break: break-all;
	padding:10px 10px;
	border:1px solid #ddd;
}
</style>
</head>

<body>
<div class="main">
	<div class="mainBox">
		<span style="font-size:32px;color:#15822E;">AreaCity 省市区镇+坐标边界 数据下载</span>
		<a href="..">首页</a> |
		<a href="https://github.com/xiangyuecn/AreaCity-JsSpider-StatsGov">GitHub >></a> |
		<a href="https://gitee.com/xiangyuecn/AreaCity-JsSpider-StatsGov">Gitee >></a>
	</div>
	
	<div class="mainBox">
		<div style="padding-bottom:10px">
			<span style="font-size: 24px;font-weight: bold;padding-bottom:10px;margin-right:20px">数据下载</span>
			<span class="dataVer" style="color:#999"></span>
		</div>
		<table class="table">
			<thead>
				<tr>
					<th style="width:20%">文件名</th>
					<th style="width:10%">大小</th>
					<th>描述</th>
					<th style="width:20%">下载</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>ok_data_level3.csv</td>
					<td style="color:#999">230KB</td>
					<td class="left">
						【免费开源】【区划三级】省市区 三级行政区划 数据
						<div class="downTips">- 支持在线预览、生成多级联动js代码，可用转换工具导入数据库、转成sql</div>
					</td>
					<td rowspan="2">
						<a class="downOKData" href="https://gitee.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases" target="_blank">线路一</a>
						| <a class="downOKData" href="https://github.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases" target="_blank">线路二</a>
					</td>
				</tr>
				<tr>
					<td>ok_data_level4.csv</td>
					<td style="color:#999">3MB</td>
					<td class="left">
						【免费开源】【区划四级】省市区乡镇 四级行政区划 数据
						<div class="downTips">- 支持在线预览、生成多级联动js代码，可用转换工具导入数据库、转成sql</div>
					</td>
				</tr>
				<tr>
					<td>ok_geo.csv.7z</td>
					<td style="color:#999">13MB</td>
					<td class="left">
						【免费开源】【边界三级】省市区 坐标和边界 数据，解压后130M+
						<div class="downTips">- 支持在线预览，可用转换工具转成shp、geojson、sql格式、转换坐标系</div>
						<div class="downTips">- 使用本库开源的高性能查询工具，1秒可查1万个以上坐标对应的城市信息</div>
					</td>
					<td>
						<a class="downOKGeo" href="https://gitee.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases" target="_blank">线路一</a>
						| <a class="downOKGeo" href="https://github.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases" target="_blank">线路二</a>
					</td>
				</tr>
				<tr style="color:#fa0">
					<td>ok_geo4_*.csv</td>
					<td style="color:#999">109MB</td>
					<td class="left">
						【付费数据】【边界四级】乡镇级 坐标和边界 数据，导出后300M+
						<div class="downTips">- 支持在线预览，提供了部分免费数据供测试</div>
					</td>
					<td><a href="https://xiangyuecn.gitee.io/areacity-jsspider-statsgov/assets/geo-level4.html#xz" target="_blank">点此下载</a></td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<div class="mainBox mainLogBox">
		<div class="mainLog"></div>
		<div class="DonateView"></div>
	</div>
	
	<div class="mainBox">
		<div style="font-size: 24px;font-weight: bold;padding-bottom:10px">数据版本</div>
		<div class="geoVerDateView"></div>
		<script>document.querySelector(".geoVerDateView").innerHTML=CsvPubDate.TableHTML({level4:true,geo:true,geo4:true});</script>
	</div>
</div>

<script>
(function(){
var setX=function(cls,url){
	var els=document.querySelectorAll(cls);
	for(var i=0;i<els.length;i++)els[i].setAttribute("href",els[i].href+url);
};
setX(".downOKData",/*https://gitee.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases/*/"/download/"+CsvPubDate.Level4.version+"/ok_data_level3-4.csv.7z");
setX(".downOKGeo",/*https://gitee.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases/*/"/download/"+CsvPubDate.Level4.version+"/ok_geo.csv.7z");
})();

document.querySelector(".dataVer").innerHTML=('当前最新版本：'+CsvPubDate.Level4.version+' &nbsp;&nbsp;&nbsp;&nbsp; 此数据更新于：'+CsvPubDate.Level4.date);
</script>

<script>
function mainLog(s,color){
	var now=new Date();
	var t=("0"+now.getHours()).substr(-2)
		+":"+("0"+now.getMinutes()).substr(-2)
		+":"+("0"+now.getSeconds()).substr(-2);
	var el=document.querySelector(".mainLog");
	var div=document.createElement("div");
	div.innerHTML='<div style="color:'+(color==1?"red":color==2?"green":color)+'">['+t+']'+s+'</div>';
	if(el.prepend)el.prepend(div); else el.appendChild(div);
};

mainLog('高性能：如何做到1秒查询1万个以上坐标对应的城市信息？使用配套提供的坐标数据、边界数据查询工具：<a href="https://github.com/xiangyuecn/AreaCity-Query-Geometry" target="_blank">AreaCity-Query-Geometry</a>开源库（<a href="https://gitee.com/xiangyuecn/AreaCity-Query-Geometry" target="_blank">Gitee镜像库</a>），支持Java调用或HTTP API接口调用，内存占用低，1秒可查1万个以上坐标对应的城市信息',"#000;font-weight:bold;font-size:24px;padding-top:20px");
mainLog('坐标和边界数据为csv格式，需自行解析提取。或者使用《<a href="AreaCity-Geo-Transform-Tools.html" target="_blank">AreaCity-Geo格式转换工具软件</a>》快速的转换成shp、geojson、sql、导入数据库、转换坐标系，本工具也支持将行政区划数据导入数据库',"#f60;font-weight:bold;font-size:24px;padding-top:20px");
mainLog('点击上方下载链接即可下载csv格式数据，行政区划数据如果需要其他格式，<a href="../" target="_blank">可点此在线转换</a>',"#0b1;font-weight:bold;font-size:24px;padding-top:20px");
mainLog('如果上面线路一和线路二都无法下载：可以到 <a href="https://gitee.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases" target="_blank">Gitee Releases</a> 下载，或到 <a href="https://github.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases" target="_blank">GitHub Releases</a> 下载最新发布数据文件。');
</script>


<div style="width:0;height:0;overflow:hidden;">
	<img src="https://ia.51.la/go1?id=20807127&pvFlag=1">
</div>

<!-- 加载echarts map测试挂件 -->
<script src="geo-echarts.js"></script>
<div class="GeoEChartsView"></div>
<script>
GeoECharts.CreateWidget({
	mobElem:document.querySelector(".GeoEChartsView")
});
</script>

</body>
</html>